
<template>
  <div class="err404">
    <div class="box">
      <div class="img">
        <el-image :src="require('../assets/images/404.png')"></el-image>
      </div>
      <p>暂无访问权限</p>
      <p>若需要访问此页面，请联系管理员申请开通权限。</p>
      <router-link to="home">
        <el-button type="primary" size="small">返回首页</el-button>
      </router-link>
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style lang="less">
.err404 {
  background-color: #daeaf8;
  height: 100%;
  .box {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    .img {
      animation: fadeIn 1.5s;
    }
    p {
      color: #409eff;
      font-size: 24px;
      margin: 20px 0;
    }
  }
}
</style>